<template>
  <div class="foolter">
    <div class="introduce">
      <ul>
        <li>学校首页</li>
        <li>学校新闻</li>
        <li>通知公告</li>
        <li>联系我们</li>
      </ul>
    </div>
    <div class="address">
      <div>地址：广西南宁大学东路101号   邮编：530007</div>
      <div>© 2021 广西机电职业技术学院商学院 All Rights Reserved  </div>
    </div>
  </div>
</template>

<script scoped>
export default {
  name: 'MyFoolter'
}
</script>

<style lang="less" scoped>
.foolter {
  width: 100%;
  height: 160px;
  background: #0054a7;
  .introduce {
    width: 100%;
    height: 48px;
    background: #003b90;
    ul {
      width: 750px;
      height: 100%;
      margin: 0 auto;
      li {
        float: left;
        color: #fff;
        text-align: center;
        line-height: 48px;
        margin: 0 60px;
      }
    }
  }
  .address {
    width: 100%;
    height: 112px;
    text-align: center;
    color: #fff;
    div {
      margin: 20px 0;
    }
  }
}
</style>
